<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <title>111</title>
        <style>
            h1{
                text-align: center;
                margin-top: 150px;
                margin-bottom: 50px;
            }
            .login{
                max-width: 500px;
                height: 150px;
                border: 1px solid black;
                margin-left: auto;
                margin-right: auto;
            }
            .login>form>div{
                text-align: center;
                margin: 15px;
            }
            .login>form>div>div{
                display: inline-block;
                text-align: left;
                width: 60px;
                height: 30px;
            }
            .subbtn>button{
                margin: 0px 20px;
                width: 100px;
                height: 30px;
            }
        </style>
    </head>
    <body>
    <h1>个人待办事项管理系统</h1>
    <div class="login">
        <form  th:action="@{/tologin}" method="post" accept-charset="utf-8">
            <div class="username">
                <div>用户名:</div>
                <input type="text" name="username" value="" placeholder="用户名">
            </div>
            <div class="pwd">
                <div>密码:</div>
                <input type="text" name="pwd" value="" placeholder="密码">
            </div>
            <div class="subbtn">
                <button type="submit">登录</button>
                <button type="reset">重置</button>
            </div>
        </form>
    </div>
    </body>
</html>